<!doctype html>
<html>
<head>
<meta name="keywords" content="">
<!-- meta tags start -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" href="/css/ly_tanchu.css" media="(max-width:767px)">
<link rel="stylesheet" href="/css/phone_style.css" media="(max-width:767px)">
<title></title>
</head>

<body>

<div class="black"></div>
<form action="/game/updateUserPhone" id="form" method="post">
	<div class="dn_bg">
	<span id="mz" class="mz">请吉林省内建行手机银行客户填写签约手机号。用于中奖话费、善融券码的接收。一经提交将不可变更。省外客户不在活动范围内。</span>
		<img src="/image/bg.png">
		<input class="phone" placeholder="请输入手机号码" name="phone" id="phone" >
	    <input class="yzm" placeholder="验证码" name="captcha" id="captcha">
	    <img class="yzm_img" src="/loginCaptcha" id="loginCaptcha">
	    <button class="sumbit" type="button" onclick="subButtonClick()" ></button>
	</div>
	
</form>



<div class="hp" id="hp">
	<div class="hp_box">
        <img src="/image/hp.png" class="hp_img">
        <span>
		苹果手机请开启竖排方向锁定功能</span>
        <div class="button_open">
        	<div class="b1">
                <p>1、由下向上滑动，打开此页面</p>
                <img src="/image/b1.jpg">
            </div>
        	<div class="b2">
                <p>2、打开此按钮，即可</p>
                <img src="/image/b2.jpg">
            </div>
        </div>
    </div>
</div>


</div>

</body>
<script type="text/javascript" src="/bin-debug/common.js"></script>
<script type="text/javascript" src="/bin-debug/jquery-1.12.0.min.js"></script>
<script>
	var dom = document;
	var mz = dom.getElementById("mz");
	mz.style.marginTop = "-"+(mz.offsetHeight+15) +"px";
</script>
<script type="text/javascript">

$("#phone").focus(function(){
	document.getElementById("hp").style.display ="none";
})
$("#captcha").focus(function(){
	document.getElementById("hp").style.display ="none";
})

function subButtonClick(){
	var d = document;
	if(!d.getElementById("phone").value){
			common.msgHtml("请填写手机号",3000);
		return false;
	}else{
		var pattern = /^1[345678]\d{9}$/; 
		if(!pattern.test(d.getElementById("phone").value)){
			common.msgHtml("请填写正确的手机号绑定游戏",3000);
			return false;
		}
	}
	if(!d.getElementById("captcha").value){
		common.msgHtml("请填写验证码",3000);
		return false;
	}

	document.getElementById("hp").style.display ="block";
	document.getElementById("form").submit();
}


$(function(){
	var message = "${message!}";
	if(message != ""){
		common.msgHtml(message,3000);
	}
});

$("#loginCaptcha").click(function() {
	var a = (new Date()).valueOf();
	var b = $(this).attr("src");
	if (b.indexOf("?") > -1) {
		b = b.substring(0, b.indexOf("?"))
	}
	$(this).attr("src", b + "?timestamp=" + a)
});

var dom = document;
var mz = dom.getElementById("mz");
console.log(mz.offsetHeight);
mz.style.marginTop = "-"+(mz.offsetHeight+15) +"px";
</script>
</html>
